.container {
  width: 100%;
  height: 100%;
  // overflow: hidden;
  display: flex;
  position: relative;

  .left {
    width: 20%;
    height: 100%;
    overflow: auto;
    position: sticky;
    left: 0;
    top: 0;
    li {
      line-height: 35px;
      background: lightcoral;
      border-radius: 5px;
      margin: 5px;
      padding: 5px;
      color: #fff;
      text-align: center;
    }
    .active-li {
      background: red;
      color: gold;
    }
  }
  .right {
    width: 80%;
    height: 100%;
    overflow: auto;
    // padding: 10px;
    .right-list-wrapper {
      display: flex;
      flex-wrap: wrap;
    }
    ol {
      margin: 5px;
      width: 25%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      .font-msg {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
    }
  }
}
